*{
    margin: 0px;
    padding:0px;

}
body{
    font-size:100%;
}

#container{
    width:1100px;
    height:650px;
    margin: 0 auto;
    /*
    background: darkgray;
    */
}
#header{
    width:1100px;
    height:50px;

    background: #98c0ff;
}
#taskWrapper{
    width:1100px;
    height:600px;
    /*background: #9eb1ff;*/
}
.task{
    width:528px;
    height:260px;

    padding:6px;
    border:5px solid #7da1ee;
    background: #abd3ff;
    float:left;
    /*    margin: 5px;
        padding:5px;*/
}
.type{
    width:500px;
    height:30px;
    margin:0 auto;
    background: #d3e2ff;
    /*    margin: 5px;
        padding:5px;*/
}
.item{
    width:500px;
    height:210px;
    margin:0 auto;
    background: #f5ffe4;
    overflow: scroll;
    /*    margin: 5px;
        padding:5px;*/

}

#title{
    height:30px;
    width:50px;
    position:relative;
    left:45%;
    top:25%;
    font:1.5em bold;
}
span{
    font:1.2em bold;
}
#add{
    float:right;
}
#todoForm{
    width:500px;
    height:50px;
    margin:0 auto;
    background-color: #dee2ff;
    display: none;
}
ul{
    list-style-type: none;
}
#t1{
    background: #ff644e;
}
#t2{
    background: #aaff5f;
}
#t3{
    background: #ffad6b;
}
#t4{
    background: #fbff87;
}
a{
    text-decoration:none;
}
